[V0_FILE]typescriptreact:file="triangle-prism.tsx" isMerged="true" "use client" import { Canvas } from "@react-three/fiber" import { Float, OrbitControls } from "@react-three/drei" function TriangularPrism() { const vertices = [ // Front triangle -1, -1, 1, // 0 1, -1, 1, // 1 0, 1, 1, // 2 // Back triangle -1, -1, -1, // 3 1, -1, -1, // 4 0, 1, -1, // 5 ] const indices = [ // Front face (yellow) 0, 1, 2, // Back face (black) 5, 4, 3, // Bottom face (white) 1, 0, 3, 1, 3, 4, // Right face (yellow) 1, 4, 5, 1, 5, 2, // Left face (black) 0, 2, 5, 0, 5, 3, ] return ( {/* Additional meshes for black and white faces */} ) } export default function Component() { return (

) } [V0_FILE]typescriptreact:file="ascii-prism.tsx" isEdit="true" "use client" import { Canvas } from "@react-three/fiber" import { Float, OrbitControls, AsciiRenderer } from "@react-three/drei" function Scene() { const scale = 2.5 // Increased scale factor const vertices = [ // Front triangle -1 * scale, -1 * scale, 1 * scale, 1 * scale, -1 * scale, 1 * scale, 0, 1 * scale, 1 * scale, // Back triangle -1 * scale, -1 * scale, -1 * scale, 1 * scale, -1 * scale, -1 * scale, 0, 1 * scale, -1 * scale, ] const indices = [ // Front face 0, 1, 2, // Back face 5, 4, 3, // Bottom face 1, 0, 3, 1, 3, 4, // Right face 1, 4, 5, 1, 5, 2, // Left face 0, 2, 5, 0, 5, 3, ] return ( <> ) } export default function Component() { return (

) }

About

Tags

Share

About

Tags

Share

More from jondoescodingx

More Templates Like This

About

Tags

Share

About

Tags

Share

More from jondoescodingx

More Templates Like This